{% extends 'proyectos/base.html' %}

{% block content %}
	<div id="contact_wrap">
		<div class="nav-section">
			<ul></ul>
		</div>
		<div id="contact" class="round clearfix">
			<div id="contact-form">
				<br/>
				<br/>
				<h2>Detalles del Grupo</h2>
				<br/>
				<form>
					{% csrf_token %}
					{{ form.as_table }} <br/>

					<br/>
					{% if usuario.id != grupo.creador.id %}
						{% if esMiembro %}
							<input type="button" onclick="location.href='/grupos/salir/{{ grupo.id }}'"
								   class="fsSubmitButton"
								   value="Salir del Grupo"/>
						{% endif %}
					{% endif %}

					<input type="button" onclick="location.href='/grupos/'"	class="fsSubmitButton" value="Volver"/>
				</form>

			</div>
		</div>
	</div>

    <script type="text/javascript">
        $("#id_miembros").sexyselect({showTitle:false,allowInput:false,allowFilter:false,allowDelete:false,selectionMode:'multiple',width:330});
    </script>
{% endblock content %}
